<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<title>面向研究团队的参考文献管理与服务分布式系统</title>
<meta name="keywords" content="面向研究团队的参考文献管理与服务分布式系统" />
<meta name="description" content="面向研究团队的参考文献管理与服务分布式系统" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link href="../css/bootstrap.min.css" rel="stylesheet" />
<link href="../css/bootstrap-table.css" rel="stylesheet" />
<link href="../css/bootstrap-editable.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/font-awesome.min.css" />

<link rel="stylesheet" href="../css/ace.min.css" />
<link rel="stylesheet" href="../css/ace-rtl.min.css" />
<link rel="stylesheet" href="../css/ace-skins.min.css" />

<script src="../js/ace-extra.min.js"></script>
<script src="../js/angular.min.js"></script>
<script src="../js/angular-cookies.min.js"></script>

</head>

<body>

	<div class="navbar navbar-default" id="navbar">
		<script type="text/javascript">
			try {
				ace.settings.check('navbar', 'fixed')
			} catch (e) {}
		</script>
		<div class="navbar-container" id="navbar-container">
			<div class="navbar-header pull-left">
				<a href="#" class="navbar-brand"> <small> <i
						class="icon-book"></i> 面向研究团队的参考文献管理与服务分布式系统
				</small>
				</a>
				<!-- /.brand -->
			</div>
			<!-- /.navbar-header -->

			<div class="navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">

					<li class="light-blue"><a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <img class="nav-user-photo"
							src="avatars/user.jpg" alt="Jason's Photo" /> <span
							class="user-info"> <small>欢迎,</small> 登录
						</span> <i class="icon-caret-down"></i>
					</a>

						<ul
							class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
							<li><a href="#"> <i class="icon-cog"></i> 设置
							</a></li>

							<li><a href="#"> <i class="icon-user"></i> 简况
							</a></li>

							<li class="divider"></li>

							<li>
									<a href="/ma/user/logout"  class="a_post">
										<i class="icon-off"></i> 登出
									</a>
								</li>
						</ul></li>
				</ul>
				<!-- /.ace-nav -->
			</div>
			<!-- /.navbar-header -->
		</div>
		<!-- /.container -->

	</div>

	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed')
			} catch (e) {}
		</script>

		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> <span
				class="menu-text"></span>
			</a>

			<div class="sidebar" id="sidebar">
				<script type="text/javascript">
					try {
						ace.settings.check('sidebar', 'fixed')
					} catch (e) {}
				</script>

				<!-- #sidebar-shortcuts -->
				<ul class="nav nav-list">
					<li id = "application"style="display: none;">
							<a href="/ma/admin/application.html">
								<i class="icon-legal"></i>
								<span class="menu-text">审核申请 </span>
							</a>
						</li>
						<li id = "singleUser"style="display: none;">
							<a href="/ma/admin/singleUser.html" >
								<i class="icon-leaf"></i>
								<span class="menu-text"> 独立用户 </span>
							</a>
						</li>
						
						<li id = "superAdminResearch"style="display: none;">
							<a href="/ma/admin/superAdminResearch.html">
								<i class="icon-group"></i>
								<span class="menu-text"> 研究团队 </span>
							</a>
						</li>
						<li id = "memberAdd"style="display: none;">
							<a href="/ma/admin/memberAdd.html">
								<i class="icon-group"></i>
								<span class="menu-text"> 添加成员 </span>
							</a>
						</li>

					<li><a href="email.html"> <i
							class="glyphicon glyphicon-envelope"></i> <span class="menu-text">
								邮件系统 </span>
					</a></li>
					<li><a href="message.html"> <i
							class="glyphicon glyphicon-comment"></i> <span class="menu-text">
								短信系统 </span>
					</a></li>
					<li><a href="professionalCode.html"> <i
							class="glyphicon glyphicon-th-list"></i> <span class="menu-text">
								专业分类 </span>
					</a></li>
					<li id="city"><a href="city.html"> <i class="icon-globe"></i> <span
							class="menu-text"> 地区城市 </span>
					</a></li>

					<li><a href="#" class="dropdown-toggle"> <i
							class="glyphicon glyphicon-tasks"></i> 出版机构 <b
							class="arrow icon-angle-down"></b>
					</a>

						<ul class="submenu">
							<li><a href="#" class="dropdown-toggle"> <i
									class="icon-leaf"></i> 出版商 <b class="arrow icon-angle-down"></b>
							</a>
								<ul class="submenu">
									<li><a href="publisher1.html"> <i class="icon-plus"></i>
											国外出版商
									</a></li>

									<li><a href="publisher2.html"> <i
											class="icon-eye-open"></i> 国内出版商
									</a></li>
								</ul></li>
							<li><a href="#" class="dropdown-toggle"> <i
									class="icon-leaf"></i> 大学 <b class="arrow icon-angle-down"></b>
							</a>
								<ul class="submenu">
									<li class="active"><a href="institution1.html"> <i
											class="icon-plus"></i> 国外大学
									</a></li>

									<li><a href="institution2.html"> <i
											class="icon-eye-open"></i> 国内大学
									</a></li>
								</ul></li>

							<li><a href="#" class="dropdown-toggle"> <i
									class="icon-pencil"></i> 其他机构 <b class="arrow icon-angle-down"></b>
							</a>

								<ul class="submenu">
									<li><a href="#"> <i class="icon-plus"></i> 国外其他机构
									</a></li>

									<li><a href="#"> <i class="icon-eye-open"></i> 国内其他机构
									</a></li>
								</ul></li>
						</ul></li>

					<li><a href="profile.html"> <i
							class="glyphicon glyphicon-user"></i> <span class="menu-text">
								个人信息 </span>
					</a></li>
					

				</ul>
				<!-- /.nav-list -->

				<div class="sidebar-collapse" id="sidebar-collapse">
					<i class="icon-double-angle-left"
						data-icon1="icon-double-angle-left"
						data-icon2="icon-double-angle-right"></i>
				</div>

				<script type="text/javascript">
					try {
						ace.settings.check('sidebar', 'collapsed')
					} catch (e) {}
				</script>
			</div>

			<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
						try {
							ace.settings.check('breadcrumbs', 'fixed')
						} catch (e) {}
					</script>

					<ul class="breadcrumb">
						<li><i class="icon-home home-icon"></i> <a href="#">主页</a></li>

						<li><a href="#">大学</a></li>

						<li class="active">国外大学</li>
					</ul>
					<!-- .breadcrumb -->

					<!-- #nav-search -->
				</div>

				<div class="page-content">

					<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->
							<div class="row">
								<div class="col-xs-12">



									<div class="table-responsive">
										<div id="toolbar" class="btn-group">
											<div class="col-md-8">
												<div class="table-header"
													style="background-color:#ffb44b;color:black">&nbsp&nbsp&nbsp&nbsp国外大学</div>
											</div>
											<div class="col-md-4">
												<button id="btn_add" type="button" class="btn btn-default">
													<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
												</button>
											</div>

										</div>
										<table style="text-overflow: ellipsis;white-space: nowrap;"
											id="sample-table-2">

										</table>

									</div>
								</div>
							</div>

							<!-- PAGE CONTENT ENDS -->
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
			<!-- /.main-content -->

			<div class="ace-settings-container" id="ace-settings-container">
				<div class="btn btn-app btn-xs btn-warning ace-settings-btn"
					id="ace-settings-btn">
					<i class="icon-cog bigger-150"></i>
				</div>

				<div class="ace-settings-box" id="ace-settings-box">
					<div>
						<div class="pull-left">
							<select id="skin-colorpicker" class="hide">
								<option data-skin="default" value="#438EB9">#438EB9</option>
								<option data-skin="skin-1" value="#222A2D">#222A2D</option>
								<option data-skin="skin-2" value="#C6487E">#C6487E</option>
								<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</sele ` ct>
						</div>
						<span>&nbsp; 换肤</span>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2"
							id="ace-settings-add-container" /> <label class="lbl"
							for="ace-settings-add-container"> 居中 <b></b>
						</label>
					</div>
				</div>
			</div>
			<!-- /#ace-settings-container -->
		</div>
		<!-- /.main-container-inner -->

		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="icon-double-angle-up icon-only bigger-110"></i>
		</a>

	</div>
	<div id="myModal" class="modal fade bs-example-modal-sm" tabindex="-1"
		role="dialog" aria-labelledby="mySmallModalLabel">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">警告</h4>
				</div>
				<div class="modal-body">
					<p>确定删除？</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-default confirm">确定</button>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="add" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">新增</h4>
				</div>
				<div class="modal-body">

					<form>

						<div class="form-group">
							<select class="form-control">
								<option>区域</option>
								<option>美国</option>
								<option>中国</option>
								<option>欧洲</option>
								<option>亚洲</option>
								<option>其他</option>
							</select>
						</div>
						<div class="form-group">
							<label for="exampleInputEmail1">中文国家或中美国省州名</label> <input
								type="text" class="form-control" placeholder="中文国家或中美国省州名">
						</div>
						<div class="form-group">
							<label for="exampleInputEmail1">西文国家或中美国省州名</label> <input
								type="text" class="form-control" placeholder="西文国家或中美国省州名">
						</div>

						<div class="form-group">
							<label for="exampleInputEmail1">国家或州名缩写</label> <input
								type="text" class="form-control" placeholder="国家或州名缩写">
						</div>

						<div class="row form-inline form-group">
							<div class="col-md-6">
								<label for="exampleInputName2">中文城市名：</label> <input type="text"
									class="form-control" placeholder="中文城市名">
							</div>
							<div class="col-md-6">
								<label for="exampleInputEmail2">西文城市名：</label> <input
									type="text" class="form-control" placeholder="西文城市名">
							</div>
						</div>

					</form>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">
						<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭
					</button>
					<button type="button" id="btn_submit" class="btn btn-primary"
						data-dismiss="modal">
						<span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存
					</button>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="edit" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">编辑</h4>
				</div>
				<div class="modal-body">

					<form>
						<div style="display: none;" class="form-group">
							<label for="exampleInputEmail1">cityID</label> <input type="text"
								class="form-control" id="cityID" placeholder="cityID">
						</div>
						<div class="form-group">
							<select id="region" class="form-control">
								<option>区域</option>
								<option>美国</option>
								<option>中国</option>
								<option>欧洲</option>
								<option>亚洲</option>
								<option>其他</option>
							</select>
						</div>
						<div class="form-group">
							<label for="exampleInputEmail1">中文国家或中美国省州名</label> <input
								type="text" class="form-control" id="stateName2"
								placeholder="中文国家或中美国省州名">
						</div>
						<div class="form-group">
							<label for="exampleInputEmail1">西文国家或中美国省州名</label> <input
								type="text" class="form-control" id="stateName1"
								placeholder="西文国家或中美国省州名">
						</div>

						<div class="form-group">
							<label for="exampleInputEmail1">国家或州名缩写</label> <input
								type="text" class="form-control" id="stateAbbr"
								placeholder="国家或州名缩写">
						</div>

						<div class="row form-inline form-group">
							<div class="col-md-6">
								<label for="exampleInputName2">中文城市名：</label> <input type="text"
									class="form-control" id="cityName2" placeholder="中文城市名">
							</div>
							<div class="col-md-6">
								<label for="exampleInputEmail2">西文城市名：</label> <input
									type="text" class="form-control" id="cityName1"
									placeholder="西文城市名">
							</div>
						</div>

					</form>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">
						<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭
					</button>
					<button type="button" id="btn_submit" class="btn btn-primary"
						data-dismiss="modal">
						<span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存
					</button>
				</div>
			</div>
		</div>
	</div>

	<script src="../js/jquery-2.0.3.min.js"></script>
	<script src="../js/jquery.cookie.js"></script>

	<script type="text/javascript">
		if ("ontouchend" in document) document.write("<script src='../js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
	</script>
	<script src="../js/bootstrap.min.js"></script>
	<script src="../js/bootstrap-table.js"></script>
	<script src="../js/bootstrap-editable.js"></script>
	<script src="../js/bootstrap-table-zh-CN.js"></script>
	<script src="../js/typeahead-bs2.min.js"></script>

	<script src="../js/ace-elements.min.js"></script>
	<script src="../js/ace.min.js"></script>
	<script src="/ma/mainjs/auth.js"></script>

		<script>
			$(function () {
			    judgeAuthority();
			})
		$("#btn_add").click(function() {
			$('#add').modal();
		});
	</script>
	<script>
		$('#sample-table-2').bootstrapTable({
			url : '/ma/cityState',
			method : 'get', //请求方式（*）
			toolbar : '#toolbar', //工具按钮用哪个容器
			striped : true, //是否显示行间隔色
			cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
			pagination : true, //是否显示分页（*）
			sortable : true, //是否启用排序
			sortOrder : "desc", //排序方式
			sidePagination : "client", //分页方式：client客户端分页，server服务端分页（*）
			pageNumber : 1, //初始化加载第一页，默认第一页
			pageSize : 10, //每页的记录行数（*）
			pageList : [ 10, 25, 50, 100 ], //可供选择的每页的行数（*）
			search : true, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
			strictSearch : true,
			showColumns : true, //是否显示所有的列
			showRefresh : true, //是否显示刷新按钮
			minimumCountColumns : 2, //最少允许的列数
			clickToSelect : true, //是否启用点击选中行
			height : 500, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
			uniqueId : "cityID", //每一行的唯一标识，一般为主键列
			showToggle : true, //是否显示详细视图和列表视图的切换按钮
			cardView : false, //是否显示详细视图
			detailView : false,
			editable : true,
			toolbarAlign : "left",
			rowStyle : function(row, index) {
				//这里有5个取值代表5中颜色['active', 'success', 'info', 'warning', 'danger'];
				var strclass = "";
				if (row.ORDER_STATUS == "待排产") {
					strclass = 'success'; //还有一个active
				} else if (row.ORDER_STATUS == "已删除") {
					strclass = 'danger';
				} else {
					return {};
				}
				return {
					classes : strclass
				}
			},
			columns : [ {
				field : 'cityID',
				title : '大学名称',
				align : 'center',
				sortable : true
			}, {
				field : 'region',
				title : '大学名称缩写',
				align : 'center',
				sortable : true
			}, {
				field : 'stateName2',
				title : '机构网站',
				align : 'center',
				sortable : true
			}, {
				field : 'stateName1',
				title : '城市序号',
				rowspan : 1,
				colspan : 1,
				align : 'center',
				sortable : true
			}, {
				title : '操作',
				field : 'id',
				align : 'center',
				formatter : function(value, row, index) {
					var e = '<a class = "edit" href="#" mce_href="#"><i class="icon-pencil bigger-130"></i></i></a> ';
					var d = '<a class = "remove" href="#" mce_href="#" ><i class="icon-trash bigger-130"></i></a> ';
					return e + d;
				},
				events : 'operateEvents'
			} ]
		});
	
		window.operateEvents = {
			'click .edit' : function(e, value, row, index) {
				/*$.cookie('teamNo', row.teamNo);
				window.location.href = 'teamedit.html';*/
				$("#cityID").val(row.cityID);
				$("#region").val(row.region);
				$("#stateName2").val(row.stateName2);
				$("#stateName1").val(row.stateName1);
				$("#stateAbbr").val(row.stateAbbr);
				$("#cityName2").val(row.cityName2)
				$("#cityName1").val(row.cityName1);
				$('#edit').modal();
	
			},
			'click .remove' : function(e, value, row, index) {
				/*$("#myModal .confirm").attr("onclick","confirmRemove("+row.teamNo+");");*/
				$('#myModal').modal();
				console.log(row);
				$("#myModal .confirm").click(function(e) {
					$.ajax({
						type : "PUT",
						contentType : "application/json",
						data : '{"teamNo":"' + row.teamNo + '","ifuse":"n"}',
						dataType : 'json',
						url : '/ma/team',
						success : function(data) {
							$('#sample-table-2').bootstrapTable('remove', {
								field : 'teamNo',
								values : [ row.teamNo ]
							});
						}
					});
				})
	
			}
		};
	</script>

</body>

</html>